<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>消防应急管理平台</title>
    <link rel="shortcut icon" href="../static/img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/index.css">
    <link rel="stylesheet" type="text/css" href="../static/css/builds.css">
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="header-content">
                <div class="header-content-top">
                    <div class="header-content-top-left">
                        <img src="../static/img/clock.png" alt="">
                        <div id="week"></div>
                        <div class="line"></div>
                        <div id="date"></div>
                        <div id="time"></div>
                        <img src="../static/img/position.png" title="重置地图" id="resetMap">
                        <div id="district">栖霞区</div>
                        <div class="point"></div>
                        <div id="street"><span>请选择街道</span>
                            <div id="streetList" style="display: none;">
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>全区</div>
                                    <input type="radio" data-key="all" name="street" value="全区" title="全区">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>尧化街道</div>
                                    <input type="radio" data-key="yh" name="street" value="尧化街道" title="尧化街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>马群街道</div>
                                    <input type="radio" data-key="mq" name="street" value="马群街道" title="马群街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>迈皋桥街道</div>
                                    <input type="radio" data-key="mgq" name="street" value="迈皋桥街道" title="迈皋桥街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>燕子矶街道</div>
                                    <input type="radio" data-key="yzj" name="street" value="燕子矶街道" title="燕子矶街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>栖霞街道</div>
                                    <input type="radio" data-key="qx" name="street" value="栖霞街道" title="栖霞街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>龙潭街道</div>
                                    <input type="radio" data-key="lt" name="street" value="龙潭街道" title="龙潭街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>仙林街道</div>
                                    <input type="radio" data-key="xl" name="street" value="仙林街道" title="仙林街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>西岗街道</div>
                                    <input type="radio" data-key="xg" name="street" value="西岗街道" title="西岗街道">
                                </div>
                                <div id="streetList-item">
                                    <span class="layui-badge-dot layui-bg-gray"></span>
                                    <div>八卦洲街道</div>
                                    <input type="radio" data-key="bgz" name="street" value="八卦洲街道" title="八卦洲街道">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="header-content-top-right">
                        <img src="../static/img/temp.png" alt="">
                        <div id="temperature"></div>
                        <div class="line"></div>
                        <div id="weather"></div>
                        <div id="pattern">
                            <img src="../static/img/standard.png">标准模式
                        </div>
                        <div id="satellite" style="display: none;">
                            <img src="../static/img/satellite.png">卫星模式
                        </div>
                        <img src="../static/img/exercise.png" title="消防预演" id="exercise">
                    </div>
                </div>
                <div class="header-nav">
                    <div class="header-nav-item" id="nav-home">首页</div>
                    <div class="header-nav-item" id="nav-index">应急管理</div>
                    <div class="header-nav-item" id="nav-firepm">物联网监控</div>
                    <div class="header-nav-item" id="nav-fireStatistics">火灾统计系统</div>
                    <div class="header-nav-item" id="nav-statistics">统计报表</div>
                    <div class="header-nav-item" id="nav-maintenance">维保管理</div>
                    <div class="header-nav-item" id="nav-firecar">物资管理</div>
                    <div class="header-nav-item" id="nav-special-record">双随机一公开</div>
                    <div class="header-nav-item" id="nav-safetyIndex">单位安全指数</div>
                    <div class="header-nav-item" id="nav-building">建筑物管理</div>
                </div>
                <div class="header-content-bottom">
                    <div class="header-content-bottom-left">
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="optional-span-img">
                            <span id="optional-span">可选择项</span>
                            <div class="header-content-bottom-left-item  optional" style="display: block;">
                                <ul id="optional-select">
                                    <div class="optional-item">
                                        <img src="../static/img/firehouse.png" alt="">
                                        <div class="optional-item-name">
                                            <div>消防站</div>
                                            <div>60</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="xfz" name="" />
                                            <label for="xfz">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/fireman.png" alt="">
                                        <div class="optional-item-name">
                                            <div>消防员</div>
                                            <div>155</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="xfy" name="" />
                                            <label for="xfy">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/firecar.png" alt="">
                                        <div class="optional-item-name">
                                            <div>消防车</div>
                                            <div>47</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="xfc" name="" />
                                            <label for="xfc">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/jhcc.png" alt="">
                                        <div class="optional-item-name">
                                            <div>救护车</div>
                                            <div>7</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="jhc" name="" />
                                            <label for="jhc">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/gccc.png" alt="">
                                        <div class="optional-item-name">
                                            <div>工程车</div>
                                            <div>12</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="gcc" name="" />
                                            <label for="gcc">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/building.png" alt="">
                                        <div class="optional-item-name">
                                            <div>建筑物</div>
                                            <div>50</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="jzw" name="" />
                                            <label for="jzw">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/monitor.png" alt="">
                                        <div class="optional-item-name">
                                            <div>视频监控</div>
                                            <div>1288</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="spjk" name="" />
                                            <label for="spjk">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/traffic.png" alt="">
                                        <div class="optional-item-name">
                                            <div>路况</div>
                                            <div>4396</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="lk" name="" />
                                            <label for="lk">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="optional-item">
                                        <img src="../static/img/headwaters.png" alt="">
                                        <div class="optional-item-name">
                                            <div>水源</div>
                                            <div>1255</div>
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="sy" name="" />
                                            <label for="sy">
                                            </label>
                                        </div>
                                    </div>
                                </ul>
                                <div class="optional-item">
                                    <img src="../static/img/device.png" alt="">
                                    <div class="optional-item-name">
                                        <div>设备</div>
                                        <div>5099</div>
                                    </div>
                                    <img id="optional-item-node" src="../static/img/rightArr.png">
                                </div>
                                <ul id="node-select" style="display: none;">
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node1.png" alt="">
                                            消火栓水压
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="hydrant" name="" />
                                            <label for="hydrant">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node2.png" alt="">
                                            喷淋头末端
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="sprinkler" name="" />
                                            <label for="sprinkler">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node3.png" alt="">
                                            消防水池水箱
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="firebox" name="" />
                                            <label for="firebox">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node4.png" alt="">
                                            烟雾监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="smokemonitor" name="" />
                                            <label for="smokemonitor">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node5.png" alt="">
                                            消防泵水压
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="firepump" name="" />
                                            <label for="firepump">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node6.png" alt="">
                                            电气火灾抄表
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="electric" name="" />
                                            <label for="electric">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node7.png" alt="">
                                            火灾自动报警
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="firedevice" name="" />
                                            <label for="firedevice">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node8.png" alt="">
                                            防火门状态
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="firedoor" name="" />
                                            <label for="firedoor">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node9.png" alt="">
                                            消防通道
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="passway" name="" />
                                            <label for="passway">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node10.png" alt="">
                                            消防风机
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="draught" name="" />
                                            <label for="draught">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node11.png" alt="">
                                            可燃气体
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="gas" name="" />
                                            <label for="gas">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node12.png" alt="">
                                            消防泵信息
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="firepumpinfo" name="" />
                                            <label for="firepumpinfo">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node13.png" alt="">
                                            电气火灾监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="electrfire" name="" />
                                            <label for="electrfire">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node14.png" alt="">
                                            浸水监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="soak" name="" />
                                            <label for="soak">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node15.png" alt="">
                                            充电桩监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="socket" name="" />
                                            <label for="socket">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node16.png" alt="">
                                            消防用水量
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="waterconsumption" name="" />
                                            <label for="waterconsumption">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node17.png" alt="">
                                            火眼识别
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="fireeye" name="" />
                                            <label for="fireeye">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-line"></div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node18.png" alt="">
                                            通道占用监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="geomagnetism" name="" />
                                            <label for="geomagnetism">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="node-select-item">
                                        <div>
                                            <img src="../static/img/node19.png" alt="">
                                            温湿度监测
                                        </div>
                                        <div class="optional-item-checkbox">
                                            <input type="checkbox" value="1" class="optional-item-checkbox-input"
                                                id="temp_humidity" name="" />
                                            <label for="temp_humidity">
                                            </label>
                                        </div>
                                    </div>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="overview-span-img">
                            <span id="overview-span">总况</span>
                            <div class="header-content-bottom-left-item overview">
                                <div class="overview-item">
                                    <img src="../static/img/population.png" alt="">
                                    <div class="overview-item-name">
                                        <div>人口数量</div>
                                        <div>225435</div>
                                    </div>
                                </div>
                                <div class="overview-item">
                                    <img src="../static/img/district.png" alt="">
                                    <div class="overview-item-name">
                                        <div>住宅区</div>
                                        <div>127</div>
                                    </div>
                                </div>
                                <div class="overview-item">
                                    <img src="../static/img/keyunit.png" alt="">
                                    <div class="overview-item-name">
                                        <div>重点单位数量</div>
                                        <div>48</div>
                                    </div>
                                </div>
                                <div class="overview-item">
                                    <img src="../static/img/area.png" alt="">
                                    <div class="overview-item-name">
                                        <div>覆盖面积</div>
                                        <div>3611511</div>
                                    </div>
                                </div>
                                <div class="overview-item">
                                    <img src="../static/img/buildnum.png" alt="">
                                    <div class="overview-item-name">
                                        <div>建筑物数量</div>
                                        <div>234</div>
                                    </div>
                                </div>
                                <div class="overview-item">
                                    <img src="../static/img/devicenum.png" alt="">
                                    <div class="overview-item-name">
                                        <div>设备总数</div>
                                        <div>5099</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="building-rating-span-img">
                            <span id="building-rating-span">安全指数</span>
                            <div class="header-content-bottom-left-item  building-rating">
                                <div class="building-rating-top">
                                    <img src="../static/img/build-bg.png" alt="">
                                    <div class="building-rating-top-item">
                                        <div>金光大厦</div>
                                        <div><span>93</span></div>
                                    </div>
                                    <div class="building-rating-top-item">
                                        <div>栖霞金融中心</div>
                                        <div><span>87</span></div>
                                    </div>
                                    <div class="building-rating-top-item">
                                        <div>蓝峰大厦</div>
                                        <div><span>60</span></div>
                                    </div>
                                    <div class="building-rating-top-item">
                                        <div>马群科创中心</div>
                                        <div><span>58</span></div>
                                    </div>
                                </div>
                                <div class="building-rating-bottom">
                                    <div class="building-rating-bottom-header">
                                        安全指数上升最快单位
                                    </div>
                                    <div class="building-rating-bottom-content">
                                        <div class="building-rating-bottom-content-item">
                                            <div>紫东创意</div>
                                            <img src="../static/img/rise.png" alt="">
                                            <div></div>
                                            <div><span>82</span></div>
                                        </div>
                                    </div>
                                    <div class="building-rating-bottom-content">
                                        <div class="building-rating-bottom-content-item">
                                            <div>科创一号大厦</div>
                                            <img src="../static/img/rise.png" alt="">
                                            <div></div>
                                            <div><span>78</span></div>
                                        </div>
                                    </div>
                                    <div class="building-rating-bottom-content">
                                        <div class="building-rating-bottom-content-item">
                                            <div>金光大厦</div>
                                            <img src="../static/img/rise.png" alt="">
                                            <div></div>
                                            <div><span>67</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="header-content-bottom-right">
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="monitoring-img">
                            <span class="header-content-bottom-right-span">应急事件</span>
                            <div class="header-content-bottom-right-item warning" style="display: none;">
                                <div id="container">
                                    <div id="list-wrapper" style="top: 0">
                                        <ul class="notice-list" id="notice-list">
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #F79914;">栖霞区仙林大道18号A栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnA.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon1.png">
                                                    <span style="color: #F79914;">火警</span>
                                                </div>
                                            </div>
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #EB5C00;">紫东创意中心B栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnB.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon2.png">
                                                    <span style="color: #EB5C00;">火警</span>
                                                </div>
                                            </div>
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #C80000;">栖霞区仙林大道18号C栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnC.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon3.png">
                                                    <span style="color: #C80000;">火警</span>
                                                </div>
                                            </div>
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #C80000;">紫东创意中心A栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnC.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon3.png">
                                                    <span style="color: #C80000;">火警</span>
                                                </div>
                                            </div>
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #F79914;">栖霞区仙林大道18号B栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnA.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon1.png">
                                                    <span style="color: #F79914;">火警</span>
                                                </div>
                                            </div>
                                            <div class="header-content-bottom-right-item-line"></div>
                                            <div class="warning-item">
                                                <div class="warning-item-con">
                                                    <span style="color: #F79914;">紫东创意中心E栋</span>
                                                    <img src="../static/img/po.png">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>栖霞中队 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-con">
                                                    <span>消控室 - 电话：54481485</span>
                                                    <img src="../static/img/tel.png" title="一键呼叫">
                                                </div>
                                                <div class="warning-item-icon1">
                                                    <img src="../static/img/warniocnA.png">
                                                </div>
                                                <div class="warning-item-icon2">
                                                    <img src="../static/img/warnicon1.png">
                                                    <span style="color: #F79914;">火警</span>
                                                </div>
                                            </div>
                                        </ul>
                                        <ul class="notice-list" id="notice-list-2">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="analyse-img">
                            <span class="header-content-bottom-right-span">监测分析</span>
                            <div class="header-content-bottom-right-item analyse">
                                <div class="monitoring-top">
                                    <div class="monitoring-top-item">
                                        <div>
                                            <img src="../static/img/1round.png">
                                        </div>
                                        <div>
                                            <div>488</div>
                                            <div>正常</div>
                                        </div>
                                    </div>
                                    <div class="monitoring-top-item">
                                        <div>
                                            <img src="../static/img/2round.png">
                                        </div>
                                        <div>
                                            <div>16</div>
                                            <div>火警</div>
                                        </div>
                                    </div>
                                    <div class="monitoring-top-item">
                                        <div>
                                            <img src="../static/img/3round.png">
                                        </div>
                                        <div>
                                            <div>17</div>
                                            <div>故障</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="analyse-top">
                                    <div class="header-content-bottom-right-item-tit">
                                        <img src="../static/img/right.png" alt="">
                                        近7日折线图
                                    </div>
                                    <div class="analyse-top-con" id="analyse-chart">
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="monitoring-mid">
                                    <div class="header-content-bottom-right-item-tit">
                                        <img src="../static/img/right.png" alt="">
                                        全区当前概况
                                    </div>
                                    <div class="monitoring-con">
                                        <img src="../static/img/roundbg.png" alt="">
                                        <div class="monitoring-con-item">
                                            <div>
                                                94%
                                            </div>
                                            <span>全区覆盖率</span>
                                        </div>
                                        <div class="monitoring-con-item">
                                            <div>
                                                3887
                                            </div>
                                            <span>安装数量</span>
                                        </div>
                                        <div class="monitoring-con-item">
                                            <div>
                                                96%
                                            </div>
                                            <span>全区完好率</span>
                                        </div>
                                        <div class="monitoring-con-item">
                                            <div>
                                                97%
                                            </div>
                                            <span>维保率</span>
                                        </div>
                                        <div class="monitoring-con-item">
                                            <div>
                                                92%
                                            </div>
                                            <span>全区巡检率</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="analyse-mid">
                                    <div class="analyse-mid-item">
                                        <div>2019年火警数量</div>
                                        <div style="color: #FD0202">1566</div>
                                        <div>同比<img src="../static/img/up.png" alt="">36%</div>
                                        <div>环比<img src="../static/img/down.png" alt="">10%</div>
                                    </div>
                                    <div class="analyse-mid-item">
                                        <div>2019年隐患数量</div>
                                        <div style="color: #FFE174">527</div>
                                        <div>同比<img src="../static/img/up.png" alt="">36%</div>
                                        <div>环比<img src="../static/img/down.png" alt="">10%</div>
                                    </div>
                                    <div class="analyse-mid-item">
                                        <div>2019年离线数量</div>
                                        <div style="color: #7BB4F1">635</div>
                                        <div>同比<img src="../static/img/up.png" alt="">36%</div>
                                        <div>环比<img src="../static/img/down.png" alt="">10%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <img src="../static/img/arrow.png" alt="" id="maintenance-img">
                            <span class="header-content-bottom-right-span">企业维保</span>
                            <div class="header-content-bottom-right-item maintenance">
                                <div class="maintenance-bottom">
                                    <div class="header-content-bottom-right-item-tit">
                                        <img src="../static/img/right.png" alt="">
                                        南京加尔科技维保记录
                                        <span class="layui-badge">超时</span>
                                    </div>
                                    <div class="maintenance-bottom-con">
                                        <div>近一年 <span>维保1次</span></div>
                                        <div>最后一次维修时间 <span>2019-05-16 14:20:00</span></div>
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="maintenance-bottom">
                                    <div class="header-content-bottom-right-item-tit">
                                        <img src="../static/img/right.png" alt="">
                                        崔斯特设计维保记录
                                        <span class="layui-badge">超时</span>
                                    </div>
                                    <div class="maintenance-bottom-con">
                                        <div>近一年 <span>维保3次</span></div>
                                        <div>最后一次维修时间 <span>2019-08-21 14:20:00</span></div>
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="maintenance-bottom">
                                    <div class="header-content-bottom-right-item-tit">
                                        <img src="../static/img/right.png" alt="">
                                        天询咨询有限公司维保记录
                                        <span class="layui-badge">超时</span>
                                    </div>
                                    <div class="maintenance-bottom-con">
                                        <div>近一年 <span>维保4次</span></div>
                                        <div>最后一次维修时间 <span>2019-07-24 15:20:00</span></div>
                                    </div>
                                </div>
                                <div class="header-content-bottom-right-item-line"></div>
                                <div class="maintenance-top">
                                    <img src="../static/img/excellent.png" alt="">
                                    <div>
                                        <div>超宇科技维保排名 <span>第1名</span></div>
                                        <div>击败了全平台 <span>100%</span> 的建筑物</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="map"></div>
        <div id="panel"></div>
        <div id="nodemsg" style="display: none;">
            <div id="nodemsg-close">
                <img src="../static/img/close.png" alt="">
            </div>
            <div id="nodemsg-tit">
                <div id="nodemsg-icon"></div>
                <span id="street-name">全区</span> <span id="node-name"></span>设备概况
            </div>
            <div id="nodemsg-con">
                <div><img src="../static/img/normal.png" alt="">正常
                    <span id="nodemsg-normal"></span>
                </div>
                <div><img src="../static/img/warn.png" alt="">告警
                    <span id="nodemsg-warn"></span>
                </div>
            </div>
        </div>
        <div class="building">
            <div class="building-body">
                <video autoplay="" loop="" muted="">
                    <source src="../static/img/bg.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <div class="info-window-tit">
                    <img src="../static/img/xfz.png">
                    <span id="b-address"></span>
                    <img id="building-close" src="../static/img/b-close.png">
                </div>
                <div class="building-body-con">
                    <div class="building-body-con-single" style="display: none;">
                    </div>
                    <div class="building-body-con-model" style="display: none;">
                        <div id="demo"></div>
                    </div>
                    <div class="building-body-con-node" style="display: none;">
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            设备列表
                            <img id="all-node" src="../static/img/all.png" title="查看所有">
                        </div>
                        <div class="building-body-con-node-list">
                        </div>
                        <div id="pagination" class="page fl"></div>
                    </div>
                    <div class="building-body-con-single-node" style="display: none;">
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">安装地址：
                                <span id="nodeaddress"></span>
                            </div>
                        </div>
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">设备类型：
                                <span id="nodename"></span>
                            </div>
                        </div>
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">当前状态：
                                <span id="nodestatus"></span>
                            </div>
                        </div>
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">所属组织：
                                <span id="nodeorg"></span>
                            </div>
                        </div>
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">上报时间：
                                <span id="nodetime"></span>
                            </div>
                        </div>
                        <div>
                            <div class="building-body-con-single-node-icon"></div>
                            <div class="building-body-con-single-node-line">
                                <div></div>
                            </div>
                            <div class="building-body-con-single-node-info">设备号：
                                <span id="nodeseuid"></span>
                            </div>
                        </div>
                    </div>
                    <div class="building-body-con-overview">
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            当前概况
                        </div>
                        <div class="building-body-con-overview-top">
                            <div class="building-body-con-overview-top-number">
                                <div class="building-body-con-overview-top-number-item">
                                    <div class="node-num-total">
                                        <img id="img1" class="layui-anim layui-anim-rotate layui-anim-loop"
                                            src="../static/img/xhshicom.png">
                                        <span id="node-num-total">23</span>
                                    </div>
                                    <div class="building-body-con-overview-top-number-item-tit">今日隐患</div>
                                </div>
                                <div class="building-body-con-overview-top-number-item">
                                    <div class="node-num-warn">
                                        <img id="img2" class="layui-anim layui-anim-rotate layui-anim-loop"
                                            src="../static/img/hshicom.png">
                                        <span id="node-num-warn">15</span>
                                    </div>
                                    <div class="building-body-con-overview-top-number-item-tit">今日故障</div>
                                </div>
                                <div class="building-body-con-overview-top-number-item">
                                    <div class="node-num-issue">
                                        <img id="img3" class="layui-anim layui-anim-rotate layui-anim-loop"
                                            src="../static/img/warnicom.png">
                                        <span id="node-num-issue">2</span>
                                    </div>
                                    <div class="building-body-con-overview-top-number-item-tit">今日火警</div>
                                </div>
                            </div>
                            <div class="building-body-con-overview-top-trend">
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ff821a;">
                                        <img src="../static/img/img3.png">15%
                                    </div>
                                    <div>
                                        本月隐患同比上升
                                    </div>
                                </div>
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ffd61a;">
                                        <img src="../static/img/img2.png">45%
                                    </div>
                                    <div>
                                        本月故障同比上升
                                    </div>
                                </div>
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ff1a1a;">
                                        <img src="../static/img/img1.png">25%
                                    </div>
                                    <div>
                                        本月火警同比下降
                                    </div>
                                </div>
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ff821a;">
                                        <img src="../static/img/img3.png">7%
                                    </div>
                                    <div>
                                        本月隐患环比上升
                                    </div>
                                </div>
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ffd61a;">
                                        <img src="../static/img/img5.png">6%
                                    </div>
                                    <div>
                                        本月故障环比下降
                                    </div>
                                </div>
                                <div class="building-body-con-overview-top-trend-item">
                                    <div style="color: #ff1a1a;">
                                        <img src="../static/img/img4.png">12%
                                    </div>
                                    <div>
                                        本月火警环比上升
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            设备安装
                        </div>
                        <div class="building-body-con-overview-middle">
                            <div class="building-body-con-overview-middle-con">
                                <img src="../static/img/roundbg.png" alt="">
                                <div class="building-body-con-overview-middle-con-item">
                                    <div>
                                        68%
                                    </div>
                                    <span>设备覆盖率</span>
                                </div>
                                <div class="building-body-con-overview-middle-con-item">
                                    <div>
                                        654
                                    </div>
                                    <span>安装数量</span>
                                </div>
                                <div class="building-body-con-overview-middle-con-item">
                                    <div>
                                        94%
                                    </div>
                                    <span>设备完好率</span>
                                </div>
                            </div>
                        </div>
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            最新事件
                        </div>
                        <div class="building-body-con-overview-bottom">
                            <div class="building-body-con-overview-bottom-item">
                                <div class="building-body-con-overview-bottom-item-left">
                                    <div class="building-body-con-overview-bottom-item-icon">
                                        <img src="../static/img/warnicon3.png">
                                        <span style="color: #C80000;">火警</span>
                                    </div>
                                    栖霞区仙林大道18号A栋
                                </div>
                                <div class="building-body-con-overview-bottom-item-right">
                                    <div>栖霞中队 - 电话：54481485
                                        <img src="../static/img/phone1.png" alt="">
                                    </div>
                                    <div>消控室 - 电话：54481485
                                        <img src="../static/img/phone1.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="building-body-con-overview-bottom-item">
                                <div class="building-body-con-overview-bottom-item-left">
                                    <div class="building-body-con-overview-bottom-item-icon">
                                        <img src="../static/img/warnicon3.png">
                                        <span style="color: #C80000;">火警</span>
                                    </div>
                                    栖霞区仙林大道18号A栋
                                </div>
                                <div class="building-body-con-overview-bottom-item-right">
                                    <div>栖霞中队 - 电话：54481485
                                        <img src="../static/img/phone1.png" alt="">
                                    </div>
                                    <div>消控室 - 电话：54481485
                                        <img src="../static/img/phone1.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="building-body-con-msg">
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            维保状态
                        </div>
                        <div class="building-maintenance">
                            <img src="../static/img/excellent.png" alt="">
                            <div>
                                <div>超宇科技维保排名 <span>第1名</span></div>
                                <div>击败了全平台 <span>100%</span> 的建筑物</div>
                            </div>
                        </div>
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            安全指数
                        </div>
                        <div class="building-maintenance">
                            <img id="score" src="../static/img/scroe.png" alt="">
                            <div>
                                <div>指数排名 <span>第54名</span></div>
                                <div>击败了全平台 <span>78%</span> 的建筑物</div>
                            </div>
                        </div>
                        <div class="building-body-con-tit">
                            <div class="building-body-con-tit-icon"></div>
                            基本信息
                        </div>
                        <div class="building-info">
                            <ul>
                                <li class="building-info-li">
                                    <div class="building-info-li-left">负责人</div>
                                    <div>张小伟</div>
                                </li>
                                <li class="building-info-li">
                                    <div class="building-info-li-left">电话</div>
                                    <div>18362090113</div>
                                </li>
                                <li class="building-info-li">
                                    <div class="building-info-li-left">所属物业</div>
                                    <div>阳光物业</div>
                                </li>
                                <li class="building-info-li">
                                    <div class="building-info-li-left">建设单位</div>
                                    <div>栖霞建设</div>
                                </li>
                                <li class="building-info-li">
                                    <div class="building-info-li-left">所属管辖中队</div>
                                    <div>一大队</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../static/js/util/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/util/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/util/builds.js"></script>
    <script type="text/javascript" src="../static/js/util/jquery.pagination.min.js"></script>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=6125416e635535d089ac5150ae8ebe04&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.Driving"></script>
    <!-- UI组件库 1.0 -->
    <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
    <!-- biz -->
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/biz/map.js"></script>
    <script type="text/javascript" src="../static/js/biz/curtime.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
</body>

</html>